<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <title>后台管理系统--管理员首页</title>
 <link href="${ctxStatic}/css/iconfont.css" rel="stylesheet" />
 <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
 <link href="${ctxStatic}/css/kpiui.css" rel="stylesheet" />
 <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
 <script src="${ctxStatic}/layui/layui.all.js"  type="text/javascript"></script>


</head>
<body>
  <div style="width:90%;margin:0 auto;margin-top:100px">
  
   <div style="float:left;width:30%;margin-left:10px">
    <div style="border-radius: 2px;height:180px;color:#ffffff;background:#009688;padding:10px;background-size:100% 100%;position: relative">
     <div>北京-丰台</div>
     <div style="font-size:60pt;position: absolute;top:50%; left:35%;margin-top:-55px">-4</div>
     <div style="font-size:20pt;position: absolute;top:50%; right:30%;margin-top:-55px">o</div>
     <div style="font-size:14pt;position: absolute;top:50%; left:35%;margin-top:25px">多云</div>   
    </div>
    <div style="color:#ffffff;padding:10px;height:180px;margin-top:20px;background:#33ab9f;border-radius: 2px;">
     <div style="width:90%;margin:0 auto;">
      <div style="font-size:16px">
        <i class="layui-icon layui-icon-app"></i>  周四 1月1日
      </div>
      
       
       <div style="margin-top:20px">
        <p>待办工作</p>
        <div style="border-bottom: 1px solid #ffffff;height:38px;line-height:38px;margin-top:10px">
                               月报：
        </div>
         <div style="border-bottom: 1px solid #ffffff;height:38px;line-height:38px">
                               日报：
        </div>
         <div style="height:30px;line-height:30px">
                               考勤：
        </div>
       </div>
     </div>
    </div>
  </div>
  
  <div id="divdate"  style="width:50%;float:left;text-align: center;height:100px">
  
  </div>
 
  
  <div class="claer"></div>
 </div>
 
 <style>
 .layui-laydate-main{width:100%}
 .layui-laydate-content td, .layui-laydate-content th {
    width: 56px;
    height: 50px;
    padding: 5px;
    text-align: center;
 }
 </style>
 
 <script>
 layui.use(['laydate','form'], function(){
	 var laydate = layui.laydate;
	 var form = layui.form;
	 laydate.render({
	      elem: '#divdate'
	      ,type:'date'
	      ,position: 'static'
	      ,showBottom: false
	      
	      //,theme: 'red'
	 });
	 
	 form.render();

})
 </script>
</body>
</html>